<template>

  <div class="dashboard-editor-container" style="padding:0px; ">

    <el-row :gutter="12" style="padding:0 6px 0 0;margin-bottom:16px;  " >
      <!-- 图片部分-->

      <div class=" d1"  >
        <div class="tou">
          <div class="  s1" >
            <div class="  z1" style="padding: 0;margin: 0;border-style: none;">
              <el-image
                style="margin-left: 20px; margin-top: 5px;"
                :src="require('@/assets/images/36.png')">

              </el-image>
            </div>

            <div  class="  y1" >


              <el-button class="an3" ><router-link class="link-type" :to="'/shou'" style=" color: whitesmoke">成果展示</router-link></el-button>

              <el-button class="an3" ><router-link class="link-type" :to="'/mwnhugongshi'" style=" color: whitesmoke">转化公示</router-link></el-button>
              <el-button class="an3" ><router-link class="link-type" :to="'/liucheng'" style=" color: whitesmoke">转化流程</router-link></el-button>


            </div>

            <div class=" y2">
              <el-button class="an2" style="background-color: rgba(0, 0, 0, 0.1);" v-if="roleId==10" @click="handleRecord">登录</el-button>
              <el-button class="an6" style="background-color: rgba(0, 0, 0, 0.1);" v-if="roleId==10" @click="handleRego">注册</el-button>
              <el-button class="an4" style="background-color: rgba(0, 0, 0, 0.1);" @click="handleBackground" v-show="roleId==1||roleId==11||roleId==12||roleId==13||roleId==14">
                进入后台</el-button>
            </div>
          </div>
        </div>

          <div class="x1" >
            <div  class="clearfix" >
              <div style="padding:90px 0 0 80px;">
                <span style="font-size: 30px; color: whitesmoke"><b>科技成果</b></span>
              </div>
              <div style="padding:20px 0 0 80px;">
                <span style="font-size: 22px; color: whitesmoke"><b>建设知识产权运营体系，构筑科技成果聚集高地</b></span>
              </div>

<!--              <el-input style="padding:95px 0 0 80px; " type="primary" class="sousuo" v-model="input" placeholder="请输入成果名称进行检索" ></el-input>
              <el-button class="an1" @click="handQuery">搜索</el-button>-->






            </div>
            <div  class="clearfix" style="padding:190px 0 0 80px;">

              <span style="font-size: 20px; color: whitesmoke"><b>首页·转化流程</b></span>

            </div>
          </div>

        </div>





    </el-row>

    <el-row :gutter="12" style="padding:0 175px 0 175px;margin-bottom:16px; ">

      <el-card style=" border-style: solid; border-color: lightblue;" class="box-card " shadow="always ">
        <div style="padding: 0;margin: 0;border-style: none;">
          <el-image
            style="width: 100%;  ;padding:0"
            :src="require('@/assets/images/38.png')">

          </el-image>
        </div>
      </el-card>
    </el-row>
    </div>







</template>

<script>
// import datePanel from "@/components/DatePanel/DatePanel";
import {getUserProfile} from "@/api/system/user";

import userAvatar from "@/views/system/user/profile/userAvatar";
import userInfo from "@/views/system/user/profile/userInfo";
import resetPwd from "@/views/system/user/profile/resetPwd";
import { listNotice, getNotice} from "@/api/system/notice";
import {delMenu, getMenu, listMenu, listMenu1, getRouter, listNormal} from "@/api/library/application/application";
import {getNumber} from "@/api/library/application/application";
import {mapGetters, mapState} from "vuex";
import watermark from "watermark-dom";
import {updateUserProfile} from "@/api/system/user";
import log from "@/views/monitor/job/log";
import { listInner, getInner, delInner, addInner, updateInner } from "@/api/library/msg/inner";
import { listAchievement, getAchievement, delAchievement, addAchievement, updateAchievement,aduitAchievement,signTransform,getTransform,getRoleId } from "@/api/module/cjl/achievement";
//import Cookies from 'js-cookie'

export default {
  name: "Profile",
  components: { userAvatar, userInfo, resetPwd },
  props: {
    user: {
      type: Object,
    }
  },
  data() {
    return {
      roleId: '',
      // 以下websocket
      wsIsRun: false,
      // 定义ws对象
      webSocket: null,
      // ws连接次数
      wsNumber: 0,
      // ws请求链接（类似于ws后台地址）
      ws: '',
      // ws定时器
      wsTimer: null,
      // 以上websocket
      // 遮罩层
      loading: true,
      activeIndex: '1',
      activeIndex2: '1',
      visible: false,
      input: '',
      // 总条数
      total: 0,
      // 当前页
      pageCurrent: 1,
      date:new Date(),
      roleGroup: {},
      froma:{},
      postGroup: {},
      activeTab: "userinfo",
      activeName: 'second',
      cover:"",
      //switch开关初始值
      value:"1",
      //通知公告标题
      titleNotice:"",
      //部门id
      deptId:"",
      //主页链表显示
      categoryList: "",
      activeName1: 'first',
      activeName2:"first",
      menuList: [],
      List:[],
      menuOptions: [],
      List1:[],
      title: "",
      product: "", // 分类列表
      normalList:[],
      contentList: [],
      // 成果信息表格数据
      achievementList: [],
      xiaoxi:{
        // 是否显示弹出层（用户查询）
        open: false,
        // 弹出层标题（用户查询）
        title: "",
      },
      currSelect:1,
      open: false,
      innerList:[],
      rules: {
      },
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 3,
        userId: null,
        resultName: null,
        resultType: null,
        resultIntroduction: null,
        innovationPoint: null,
        competitionExperience: null,
        picturePath1: null,
        picturePath2: null,
        resultCategory: null,
        resultGrade: null,
        resultSource: null,
        resultBackground: null,
        resultMeaning: null,
        projectTime: null,
        technology: null,
        completionUnit: null,
        applyName: null,
        applyNumber: null,
        applyTime: null,
        auditState: null,
        auditTime: null,
        auditName: null,
        auditNumber: null,
        isShow: null,
        firstName: null,
        firstGrade: null,
        firstMajor: null,
        firstNumber: null,
        firstCollege: null,
        firstPhone: null,
        firstIdnumber: null,
        secondName: null,
        secondGrade: null,
        secondMajor: null,
        secondNumber: null,
        secondCollege: null,
        secondPhone: null,
        secondIdnumber: null,
        thirdName: null,
        thirdGrade: null,
        thirdMajor: null,
        thirdNumber: null,
        thirdCollege: null,
        thirdPhone: null,
        thirdIdnumber: null,
        fourthName: null,
        fourthGrade: null,
        fourthMajor: null,
        fourthNumber: null,
        fourthCollege: null,
        fourthPhone: null,
        fourthIdnumber: null,
        fifthName: null,
        fifthGrade: null,
        fifthMajor: null,
        fifthNumber: null,
        fifthCollege: null,
        fifthPhone: null,
        fifthIdnumber: null,
        advisorName1: null,
        advisorTitl1: null,
        advisorMajor1: null,
        advisorNumber1: null,
        advisorName2: null,
        advisorTitl2: null,
        advisorMajor2: null,
        advisorNumber2: null,
        note1: null,
        note2: null,
        note3: null,
        note4: null,
        note5: null,
        note6: null,
        note7: null,
        note8: null,
        note9: null,
        note10: null
      },
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      },
      calendarParams:{
        orderByColumn:"endTime",
        isAsc:"desc"
      },
      messageParams:{
        pageNum: 1,
        pageSize: 6,
        orderByColumn:"createTime",
        isAsc:"desc"
      },

      // 公告表格数据
      noticeList: [],
      // 日程列表
      todayCalendar:[],

      imgwrap:[

        /*   {
             id: "1",
             url: require("../assets/images/news1.jpg"),
             title:"学兵毕业季，一起重温难忘瞬间！"
           },
           {
             id: "2",
             url: require("../assets/images/news2.jpg"),
             title:"学兵毕业季，一起重温难忘瞬间！"
           },
           {
             id: "3",
             url: require("../assets/images/news3.jpg"),
             title:"西部战区空军雷达某旅首届军事体育运动会见闻"
           }*/

      ]
    };

  },
  //去水印
  mounted() {
    // 加载水印
    const username = this.$store.state.user.name;
    watermark.load({ watermark_txt: "  "   });
  },
  //获取头像
  computed: {
    ...mapGetters([

      'avatar',

    ]),

    topNav: {
      get() {
        return this.$store.state.settings.topNav
      }
    },

  },
  created() {
    this.wsIsRun = true
    this.wsNumber = 1
    this.wsInit();
    getRoleId().then(res => {
      this.roleId = res;
    });
    this.getList();
    this.getUser();
    this.getList1();
    this.getNormal();
    //this.getCalendar();
    this.getMessage();
    /* this.getDate();*/
    /* websockt */
    /*this.wsIsRun = true
    this.wsInit()*/

    /* this.getCulture()*/


    /* 后加的获取外部公告 9/4*/



  },
  watch:{

    activeName:function(val) { //监听切换状态-计划单

      if (val=='first'|| val==null){
        this.List = undefined;
        this.loading = true;
        listNormal().then(response => {
          this.normalList = response.data;
          this.loading = false;
          // console.log(this.normalList+"233");
        });
      }
      else {
        getRouter(val).then(response => {
          this.List1 = response.data;
          window.a=this.List1.path;
          this.loading = false;
          // console.log(this.List1.path+"710")
        });
        getMenu(val).then(response => {
          this.List = response.data;
          this.loading = false;
          // console.log(this.List[0].path+"777")

        })};


      // this.$router.push({path: "/hetong/cjlproject",query: {id: "1", name: "admin"} });


      // 更新地址栏链接，方便刷新页面可以回到原来的页面

    },
    //动态监听swith开关
    /* value:{

       handler(val) {

         if(val=='1'||val == null){


           getUserProfile().then(response => {
             this.user = response.data;
             this.deptId = response.data.deptId;
             this.loading = true;
             if(this.deptId == '101'){

               this.titleNotice = "通知公告"

             }else{
               this.titleNotice = "通知公告(内部公告)"
               this.queryParams.noticeType = val
             }

             listNotice(this.queryParams).then(response => {
               this.noticeList = response.rows;
               this.total = response.total;
               this.loading = false;
             });


           });


         }else {
           this.titleNotice = "通知公告(外部公告)"
           this.queryParams.noticeType = val
           listNotice(this.queryParams).then(response => {
             this.noticeList = response.rows;
             this.total = response.total;
             this.loading = false;
           });
         }

       },
       immediate: true
     },*/
  },

  methods: {

    //开始
    /**
     * start
     * 初始化ws
     */
    wsInit() {
      // console.log("userName: " + this.$store.state.user.ipp)
      console.log("user: " + this.$store.state.constip.ipp)
      // const wsuri = 'ws://' + '210.47.178.218' + ':8080/library/wsService/' + this.$store.state.user.name
      this.getConfigKey("sys.account.ip").then(response => {
        this.sysipp = response.msg;
      });
      console.log("sysipp: " + this.sysipp)
      const wsuri = 'ws://' + this.sysipp + '/library/wsService/' +
        this.$store.state.constip.ipp + "_" + Math.floor(Math.random() * (99999 - 10000) + 10000);
      console.log("wsuri: " + wsuri)
      this.ws = wsuri
      if (!this.wsIsRun)
        return
      // 销毁ws
      this.wsDestroy()
      // 初始化ws
      this.webSocket = new WebSocket(this.ws)
      // ws连接建立时触发

      this.webSocket.addEventListener('open', this.wsOpenHanler)
      // ws服务端给客户端推送消息

      this.webSocket.addEventListener('message', this.wsMessageHanler)

      // ws通信发生错误时触发
      this.webSocket.addEventListener('error', this.wsErrorHanler)
      // ws关闭时触发

      this.webSocket.addEventListener('close', this.wsCloseHanler)

      clearInterval(this.wsTimer);
    },
    subSend(userId) {

      //获取msg的value
      // var msg = document.getElementById("msg").value;

      this.webSocket.send(userId);

      // ws服务端给客户端推送消息

      // document.getElementById("msg").value="";
    },


    wsOpenHanler(event) {
      console.log('ws建立连接成功')
    },
    wsMessageHanler(e) {

      //Cookies.set('unreadNums', '6')

      this.openMsg(e)
      //const redata = JSON.parse(e.data)
      //console.log(redata)

    },
    /**
     * ws通信发生错误
     */
    wsErrorHanler(event) {
      console.log(event, '通信发生错误')
      console.log("第" + this.wsNumber + "次断线重连(5次未连接将自动断开)")
      this.wsNumber++
      if (this.wsNumber < 6) this.wsInit();
      //this.wsInit()
    },
    /**
     * ws关闭
     */
    wsCloseHanler(event) {
      console.log(event, 'ws关闭')
      console.log("websocket连接超时，已自动断开")
      //this.wsInit()
    },
    /**
     * 销毁ws
     */
    wsDestroy() {
      console.log("hello world")
      if (this.webSocket !== null) {
        this.webSocket.removeEventListener('open', this.wsOpenHanler)
        this.webSocket.removeEventListener('message', this.wsMessageHanler)
        this.webSocket.removeEventListener('error', this.wsErrorHanler)
        this.webSocket.removeEventListener('close', this.wsCloseHanler)
        this.webSocket.close()
        this.webSocket = null
        clearInterval(this.wsTimer)
        console.log("zoul111")
      } else {
        console.log("zoul")
      }
    },
    /**
     * 弹窗
     */
    openMsg(e) {
      const h = this.$createElement;
      if (e.data) {
        console.log(e.data+"222")
        if(e.data==1) {
          this.$router.push({path: "/dashujuzhanshi/dashujushouye"})
        }
        else if(e.data==2){
          this.$router.push({path: "/shou"})
        }else if(e.data==3){
          this.$router.push({path: "/mwnhugongshi"})
        }else if(e.data==4){
          this.$router.push({path: "/liucheng"})
        }else if(e.data==5){
          this.$router.push({path: "/dashujuzhanshi/xueyuan"})
        }else if(e.data==6){
          this.$router.push({path: "/dashujuzhanshi/nianfen"})
        }else if(e.data==10){
          window.scrollBy(0, 100);
        }else if(e.data==11){
          window.scrollBy(0, -100);
        }else if(e.data==12){
          this.queryParams.signingStatus="0";
          console.log(this.queryParams.signingStatus)

        }else if(e.data==21){
          this.$router.push({path: "/ykqlogin3"})
        } else if(e.data==22){
          this.$router.push({path: "/ykqlogin4"})
        }else if(e.data==23){
          this.$router.push({path: "/ykqlogin5"})
        }else if(e.data==24){
          this.$router.push({path: "/shou"})
        }else if(e.data==210){
          this.$router.push({path: "/index"})
        }else if(e.data==211){
          this.$router.push({path: "/transformation"})
        }else if(e.data==212){
          this.$router.push({path: "/wodehetong"})
        }else if(e.data==213){
          this.$router.push({path: "/expense"})
        }else if(e.data==214){
          this.$router.push({path: "/qiye"})
        }else if(e.data==215){
          this.$router.push({path: "/geren"})
        }else if(e.data==216){
          this.$router.push({path: "/chengguogongshi"})
        }else if(e.data==217){
          this.$router.push({path: "/daochuxinxi"})
        }else if(e.data==218){
          this.$router.push({path: "/resultapply"})
        }else if(e.data==13){
          this.queryParams.signingStatus="1";
          console.log(this.queryParams.signingStatus)

        }else if(e.data>500&&e.data<2000){
          let id=e.data-500
          this.$router.push({path: "/detail",query: {id}})

        }else if(e.data>2000&&e.data<3000){
          let nianfen=e.data
          this.$router.push({path: "/dashujuzhanshi/xueyuan",query: {nianfen}})

        }else if(e.data>3000&&e.data<4000){
          let firstcollege=e.data
          let i_xueyuan=firstcollege-3000
          let xueyuan = '';
          if(i_xueyuan<10){
            xueyuan='00'+i_xueyuan;
          }else if(i_xueyuan>=10 && i_xueyuan<100){
            xueyuan='0'+i_xueyuan;
          }else{

          }
          console.log(xueyuan)
          this.$router.push({path: "/dashujuzhanshi/nianfen",query: {xueyuan}})
        }
        else{
          let userId=e.data
          this.$router.push({path: "/view",query: {userId}})

        }
      }
    },
    //结束

    //进入后台刷新
    handleBackground(){
      this.$router.push({ path: "/index" }).then(() => {
        location.reload();
      });

    },
    //登录
    handleRecord(){
      this.$router.push({ path: "/login1" })
    },
    //注册
    handleRego(){
      this.$router.push({ path: "/register1" })
    },
    // 分页触发
    handleCurrentChange(val) {
      this.queryParams.pageNum = val
      this.pageCurrent = val
      this.getList(val)
    },
    /** 查询成果信息 */
    getList() {
      this.loading = true;
      listAchievement(this.queryParams).then(response => {
        this.achievementList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    /** 搜索成果名称 */
    handQuery(){
      this.queryParams.resultName = this.input
      this.getList()
    },
    /** 搜索成果类别 */
    handleResult(type){
      this.queryParams.resultCategory=type;
      this.getList()
    },
    handleDetail(id){
      getRoleId().then(res => {
        this.roleId = res;
        if(this.roleId==10){
          this.$modal.msgError("请先登录再进行操作");
        }else{
          this.$router.push({ path:"/detail", query: {id}});
        }

      });

    },
    imgLoad(img){
      try {

        return  require(`/src/assets/button/`+img)

      } catch (error) {
        return  require(`/src/assets/button/aaaa.png`)
      }
    },

    close() {
      this.$tab.closePage();
    },


    //应用展示更多
    toURL(){
      this.$router.push({path: "/system/application"});
    },
    //文化宣传详情
    tourlCulture(){
      this.$router.push({path: "/system/application"});
    },

    tableRowClassName({row, rowIndex}) {
      if (rowIndex === 1) {
        return 'warning-row';
      } else if (rowIndex === 3) {
        return 'success-row';
      }
      return '';
    },
    //获取日程
    /* getCalendar(){

       listCalendar(this.calendarParams).then(response => {
         this.loading = true;
         this.todayCalendar  = response.rows;

       })


     },*/

    // 取消按钮
    detailCancel() {
      this.xiaoxi.open = false;
      //   this.getList();
    },

    //文化宣传详情
    culDetail(val){
      console.log(val)
      this.$router.push({
        path: '/dangzheng/culturexiangqing',
        query:{
          id: val,
        }
      })
    },



    //点击公告触发的事件
    handle(row, event, column) {
      // console.log(row)
      this.$router.push({
        path: '/notice/index',
        query:{
          noticeId: row.noticeId,
        }
      })
    },
    //公告显示小手
    cellStyle(data) {

      return "cursor:pointer;text-align:left;"
    },
    indexMethod(index) {
      return index +1;
    },

    handleClick(tab, event) {
      console.log(tab, event);
    },
    getList1() {
      this.loading = true;
      listMenu().then(response => {
        this.contentList = response.data;
        this.loading = false;
      });
    },

    getNormal(){
      this.loading = true;
      listNormal().then(response => {
        this.normalList = response.data;
        this.loading = false;
      });
    },
    getNormalList(item){
      const path =item.path;
      const menuId = item.menuId;
      getNumber(menuId).then(response => {
      });
      this.$router.push({path: "/"+path});
    },
    getLista(item) {
      const path =item.path;
      // console.log(path+"88");
      // const tableName = row.tableName || this.tableNames[0];
      // const params = {pageNum: this.queryParams.pageNum};
      const menuId = item.menuId;
      getNumber(menuId).then(response => {
      });
      this.$router.push({path: "/"+a+"/"+path});
    },


    getUser() {
      getUserProfile().then(response => {
        this.user = response.data;
        this.roleGroup = response.roleGroup;
        this.postGroup = response.postGroup;
        this.deptId = response.data.deptId;

      });
    },


    /** 详情操作 */
    getListb(row) {
      const id = row.id || this.ids
      getInner(id).then(response => {
        this.innerList = response.data;
        this.xiaoxi.open = true;
        this.xiaoxi.title = "消息详细";
      });


    }


  },

};
</script>

<style lang="scss" scoped>

.lc{
  background-image: url("34.png");
  background-size: 100% 100%;
  height: 1000px;

}
.sx{
  border-style: none;
  width: 200px;
  height: 30px;

}

.an1{
  font-size: 22px;
  width: 100px;
  height: 60px;
  color: whitesmoke;
  border-style: none;
  background-color: #f04e0f;
}
.an6{
  font-size: 15px;
  width: 80px;
  height: 40px;
  color: whitesmoke;
  position: absolute;
  top: 20px; /* 设置相对于 .y2 容器的顶部位置 */
  right: 30px; /* 设置相对于 .y2 容器的左侧位置 */
}
.an2{
  font-size: 15px;
  width: 80px;
  height: 40px;
  color: whitesmoke;
  position: absolute;
  top: 20px; /* 设置相对于 .y2 容器的顶部位置 */
  right: 120px; /* 设置相对于 .y2 容器的左侧位置 */
}
.an3{
  font-size: 22px;
  font-weight: bold;
  width: 150px;
  height: 80px;
  border-style: none;
  border-radius: 0px;
  background-color: rgba(0, 0, 0, 0);
}
.an4{
  font-size: 15px;
  width: 80px;
  height: 40px;
  color: whitesmoke;
  position: relative;
  left: 40px; /* 假设要向右移动 20 像素 */
}
/*背景*/
.bj{
  /*background-image: url("30.png");*/
  background-size: 100% 100%;
  height: 400px;

}

/*搜索框*/
.sousuo{
  width: 800px;
  font-size: 22px;

}
::v-deep .el-input__inner{
  height: 60px;
}

.s1{
  display: flex;
  height: 80px;
  width: 100%;
  background-color: rgba(0, 0,0, 0.2);
}
.d1{

  background-size: 100% 100%;

  height: 400px;
  scroll-padding: 0;
  background-image: url("34.png");
  border-style: none;
  margin: 0;
  padding: 0;



}

.z1{
  width: 40%;
  height: 80px;
  background-color: #0574d0;
}
.y1{

  height: 80px;
  width: 50%;
  background-color: #0574d0;
}

.y2{
  display: flex;
  padding-top: 22px;
  padding-left: 65px;
  width: 15%;
  height: 80px;
  //background-color: rgba(0, 0, 0, 0);
  background-color: #0574d0;
}

.big_box{display: flex;height: 280px;}
/*展示左图片*/
.z{
  width: 25%;
  height: 250px;

}
/*展示中空白*/
.c{
  width: 3%;
  height: 250px;
}
/*展示右信息*/
.y{
  width: 70%;
  height: 250px;

}
/*按钮*/
.an{
  height: 30px;
}

/*顶端固定*/
.tou {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #fff;
  z-index: 999;
}


.dashboard-editor-container {
  overflow-x: hidden; /*隐藏横向滚动条*/
  padding: 32px;
  background-color: rgb(240, 242, 245);
  position: relative;

  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
    padding-left: 30px;
  }

  .el-tabs .el-tabs__content {
    max-height: 100px;
    overflow: auto;
  }

}

@media (max-width:1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}

/* 固定 应用board 宽度; */
.el-tabs--card {
  height: calc(32vh);
  /* overflow-y: auto; */
}

.el-tab-pane {
  height: calc(32vh);
  overflow-y: auto;
  overflow-x: hidden;
}
.tag-style{
  height: 19px;
  color: #116fcf;
  font-family: 黑体;
  font-size: 13px;
  float: right;
  margin-right: 20px;
  line-height:15px;

}
.tag-menu-style{
  height: 19px;
  color: #116fcf;
  font-family: 黑体;
  font-size: 13px;
  float: right;
  margin-right: 0px;
  line-height:15px;
  margin-top: 5px;

}

.bannerimg{
  width: 100%;
  height: inherit;
}
/* 文字样式*/
.carousel-p {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 25px;
  line-height: 35px;
  text-align: center;
  padding-left: -28px;
  color: white;
  bottom: 66px;
  position: relative;
}
.el-icon-d-arrow-right{
  float: right;
  margin-right: 20px;
  padding-top: 5px;
  font-size:10px !important;
}

.is-selected {
  color: #1989FA;
}


/*日历自定义样式*/
::v-deep .el-calendar__header {
  // 修改头部背景颜色
  background-color: #FFFFFF;
  padding: 3px 5px;
  border: none;
  display: flex;
  justify-content: center;
  margin-top: 35px;

  .el-calendar__button-group {
    // 隐藏原生按钮
    display: none;
  }


  .el-calendar__title {
    // 修改头部标题的字体颜色
    color: #495060 !important;
    font-size: 20px;
    font-weight: bolder;
  }
}

::v-deep .el-calendar__body {
  // 修改主题部分
  padding: 0;
}

::v-deep .el-calendar-table {
  thead {
    th {
      // 修改头部星期部分
      padding: 5px;
      background-color: #2f81d5;
      color: white;
    }
  }

  .is-selected {
    .el-calendar-day {
      p {
        // 选中日期颜色
        color: black;
      }
    }
  }

  .el-calendar-day {
    // 每天小块样式设置
    padding: 0;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;

    p {
      // 所有日期颜色
      color: black;
      z-index: 1;
      user-select: none;
      display: flex;
    }
  }
}

::v-deep .el-calendar-table__row {
  .prev, .next {
    // 修改非本月
    .el-calendar-day {
      p {
        color: #f0d9d5;
      }
    }
  }

  td {
    // 修改每一个日期td标签
    &:first-child, &:last-child {
      background-color: #f5f5f5;
    }
  }
}

button {
  padding: 3px 10px;
}

//隐藏el-tab-pane滚动条
::v-deep .el-tab-pane {
  height: calc(100vh - 110px);
  overflow-y: hidden;
}


::v-deep .el-scrollbar__wrap {
  overflow-x: hidden!important;


}

::v-deep .-webkit-scrollbar {
  /*隐藏滚轮*/
  display: none;
}
::v-deep.el-table .warning-row {
  background: oldlace;
}

::v-deep.el-table .success-row {
  background: #f0d9d5;
}
.pos1{

  position:absolute;             // 绝对定位,同时规定left和top
  left: 0;
  top:0;
}


//swiitch开关的样式
::v-deep .el-switch__core{
  width:30px!important;
  height:15px;

}
//111
::v-deep .el-tabs__nav-wrap.is-scrollable {
  margin-right: 40px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::v-deep .el-switch__core::after{
  width:14px;
  height:14px;
  margin-top:-1px;
  margin-bottom: -4px;
}
::v-deep.el-switch.is-checked .el-switch__core::after {
  left: 100%;
  margin-left: -14px;
}

//更改table表中文字的颜色
::v-deep.el-table{
  color: #000000;
}

//日程文字颜色
::v-deep.el-alert--success.is-light {
  background-color: #e7faf0;
  color: #000000;
}
::v-deep.el-alert--success.is-light .el-alert__description {
  color: #507761;
}


/*数字加圈*/
.number_top_circle {
  display: table-cell;
  border-radius: 18px;
  background-color: #4b9dfc;
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
.number_top_circle_odd {
  display: table-cell;
  border-radius: 18px;
  background-color: #4b9dfc;
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

//个人中心头像样式
.user-avatar{
  border-radius: 50%;
  height:165px;
  border: 1px solid #409eff;

}
//去掉table表下面的边框线
.el-table__row>td {
  border: none;
}

.el-table::before {
  height: 0px;
}

//纵向分割线
::v-deep.el-divider--vertical{

  height: 10em;
}

.selectBtn{
  background-color: #1482f0;
  color: #ffffff;
}

</style>
<!-- 日历table表的样式-->
<style>




.el-image__error {
  font-size: 10px;

}






.size-icon{
  font-size: 25px;
}

.createInfo th, .createInfo tr {
  background-color: #409eff !important;
  color: #FFFFFF;
  text-align: center;

}
.createInfo tbody tr:hover>td {
  background-color: #409eff !important;
}

/*日期组件绝对定位*/
.main{
  position: relative;

}
.target{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,0%);
}


/*menu中更多按钮*/
.loginOut{
  /* position: absolute;right:23%;top:25px;*/
  position: absolute;right:26%;top:33px;
  color: #e6a23c;
  /*  font-weight: 600;
    font-size: 14px;*/
}
.grid-content{

  padding-left: 0%;
  padding-right: 0%;

}


/* 顶部列表 */
.top-list-image{
  margin-right: 12px;
  font-size: 24px;
  width: 40px;
  padding-top: 0px;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  border-radius:16px;
  color: #fff;
}

.top-list-col{
  height: 100px;
  padding: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 4px;
}

.top-list-span{
  max-width: 4em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; /*超出部分用...代替*/
}

</style>
